<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
<title>병해충 통합관리 서비스</title>

<!-- Bootstrap core CSS -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- Custom styles for this template -->
<link rel="stylesheet" type="text/css" href="/css/ui.jqgrid.css"/>
<link rel="stylesheet" type="text/css" href="/css/jquery-ui.css"/>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<style>
.portlet-placeholder {
	border: 1px dotted black;
	margin: 0 1em 1em 0;
	height: 50px;
}
</style>
<script src="/js/jquery-1.11.1.min.js"></script>
<script src="/js/jquery-ui.js"></script>
<script src="/js/jquery.jqGrid.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/i18n/grid.locale-kr.js"></script>
<script type="text/javascript" src="http://openapi.map.naver.com/openapi/naverMap.naver?ver=2.0&key=238163d2e97b2a40fa70f7e332dafaa5"></script>
<script src="/js/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/data.js"></script>
</head>

<body>
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="navbar-brand" href="#">병해충 통합관리 서비스</a> </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#about">발생조사관리</a></li>
        <li><a href="#contact">방제계획 및 실적</a></li>
        <li><a href="#contact">보고관리</a></li>
        <li><a href="#contact">발생경보</a></li>
        <li><a href="#contact">병해충 현황 </a></li>
      </ul>
    </div>
    <!-- /.nav-collapse --> 
  </div>
  <!-- /.container --> 
</div>
<!-- /.navbar -->

<div class="container">
  <div class="row">
    <div class="col-md-3">
      <div class="well">
        <div class="form-group">
          <label>병해충별</label>
          <div class="btn-group btn-group-sm">
            <button type="button"  class="btn btn-success">전체</button>
            <button type="button"  class="btn btn-success">소나무재선충</button>
            <button type="button"  class="btn btn-success">솔잎혹파리</button>
            <button type="button"  class="btn btn-success dropdown-toggle">솔껍질 깍지벌레 <span class="caret"></span></button>
            <ul class="dropdown-menu" role="menu">
              <li class="active"> <a href="#">소나무재선충</a> </li>
              <li> <a href="#">참나무시들음병</a> </li>
              <li> <a href="#">솔잎혹파리</a> </li>
              <li> <a href="#">솔껍질깍지벌레</a> </li>
              <li> <a href="#">기타병해충</a> </li>
            </ul>
          </div>
        </div>
        <div class="form-group">
          <label>지역별</label>
          <div class="btn-group btn-group-sm">
            <button type="button"  class="btn btn-info">전체</button>
            <button type="button"  class="btn btn-info">서울</button>
            <button type="button"  class="btn btn-info">부산</button>
            <button type="button"  class="btn btn-info">대구</button>
            <button type="button"  class="btn btn-info">인천</button>
            <button type="button"  class="btn btn-info">울산</button>            
            <button type="button"  class="btn btn-info dropdown-toggle ">경기도 <span class="caret"></span></button>
            <ul class="dropdown-menu" role="menu">
              <li class="active"> <a href="#">소나무재선충</a> </li>
              <li> <a href="#">참나무시들음병</a> </li>
              <li> <a href="#">솔잎혹파리</a> </li>
              <li> <a href="#">솔껍질깍지벌레</a> </li>
              <li> <a href="#">기타병해충</a> </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="panel panel-primary">
        <div class="panel-heading ">인덱스 맵</div>
        <div class="main_prsts2">
          <div class="pull-left btn-group">
            <div class="btn-group btn-group-sm">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 전체 <span class="caret"></span> </button>
              <ul class="dropdown-menu">
                <li><a href="#">전체</a></li>
                <li><a href="#">서울</a></li>
              </ul>
            </div>
          </div>
          <div class="pull-right btn-group btn-group-sm">
            <button class="btn btn-default">시도</button>
            <button class="btn btn-default">시군구</button>
            <button class="btn btn-default">읍면동</button>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6 column"> 
      
      <!-- 지도 -->
      <div class="panel panel-primary portlet">
        <div class="panel-heading ">발생현황 <small>지도</small>
          <div class="pull-right">
            <button type="button" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-minus"></span> </button>
            <button type="button" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-fullscreen"></span> </button>
            <button type="button" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-remove"></span> </button>
          </div>
        </div>
        <div id="map"></div>
      </div>
      <!-- 발생현황 표 -->
      <div class="panel panel-primary portlet">
        <div class="panel-heading ">발생현황 <small>목록</small>
          <div class="pull-right">
            <button type="button" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-minus"></span> </button>
            <button type="button" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-fullscreen"></span> </button>
            <button type="button" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-remove"></span> </button>
          </div>
        </div>
        <table cellspacing="0" cellpadding="0" class="table table-bordered table-striped">
          <col width="142">
          <col width="117">
          <col width="91">
          <col width="90">
          <col width="198">
          <col width="97">
          <col width="72" span="2">
          <thead>
            <tr>
              <th width="117">관리 기관구분 </th>
              <th width="91">발생X좌표 </th>
              <th width="90">발생Y좌표 </th>
              <th width="198">발생지 </th>
              <th width="97">감염목구분 </th>
              <th width="72" id="jsonmap_감염목구분">조사자</th>
              <th width="72">발생일자</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td id="jsonmap_발생조사관리번호">강릉 </td>
              <td align="right" id="jsonmap_관리 기관구분">123.123 </td>
              <td align="right" id="jsonmap_발생X좌표">456.45 </td>
              <td id="jsonmap_발생Y좌표">강원도 강릉시 교2동 118 </td>
              <td id="jsonmap_경급">감염목 </td>
              <td role="gridcell" title="김철수" aria-describedby="jsonmap_예찰자성명">김철수</td>
              <td role="gridcell" title="2014.07.18" aria-describedby="jsonmap_예찰일">2014.07.18</td>
            </tr>
            <tr role="row" tabindex="-1">
              <td role="gridcell" title="양양" aria-describedby="jsonmap_관리 기관구분">양양</td>
              <td align="right" role="gridcell" title="123.123" aria-describedby="jsonmap_발생X좌표">123.123</td>
              <td align="right" role="gridcell" title="456.45" aria-describedby="jsonmap_발생Y좌표">456.45</td>
              <td role="gridcell" title="강원도 양양군 양양읍 111" aria-describedby="jsonmap_발생지">강원도 양양군 양양읍 111</td>
              <td role="gridcell" title="고사목" aria-describedby="jsonmap_감염목구분">고사목</td>
              <td role="gridcell" title="김철수" aria-describedby="jsonmap_예찰자성명">김철수</td>
              <td role="gridcell" title="2014.07.19" aria-describedby="jsonmap_예찰일">2014.07.19</td>
            </tr>
            <tr role="row" tabindex="-1">
              <td role="gridcell" title="평창" aria-describedby="jsonmap_관리 기관구분">평창</td>
              <td align="right" role="gridcell" title="123.123" aria-describedby="jsonmap_발생X좌표">123.123</td>
              <td align="right" role="gridcell" title="456.45" aria-describedby="jsonmap_발생Y좌표">456.45</td>
              <td role="gridcell" title="강원도 평창군 평창읍 114" aria-describedby="jsonmap_발생지">강원도 평창군 평창읍 114</td>
              <td role="gridcell" title="감염목" aria-describedby="jsonmap_감염목구분">감염목</td>
              <td role="gridcell" title="김철수" aria-describedby="jsonmap_예찰자성명">김철수</td>
              <td role="gridcell" title="2014.07.20" aria-describedby="jsonmap_예찰일">2014.07.20</td>
            </tr>
            <tr role="row" tabindex="-1">
              <td role="gridcell" title="영월" aria-describedby="jsonmap_관리 기관구분">영월</td>
              <td align="right" role="gridcell" title="123.123" aria-describedby="jsonmap_발생X좌표">123.123</td>
              <td align="right" role="gridcell" title="456.45" aria-describedby="jsonmap_발생Y좌표">456.45</td>
              <td role="gridcell" title="강원도 강릉시 교2동 119" aria-describedby="jsonmap_발생지">강원도 강릉시 교2동 119</td>
              <td role="gridcell" title="고사목" aria-describedby="jsonmap_감염목구분">고사목</td>
              <td role="gridcell" title="김철수" aria-describedby="jsonmap_예찰자성명">김철수</td>
              <td role="gridcell" title="2014.07.21" aria-describedby="jsonmap_예찰일">2014.07.21</td>
            </tr>
            <tr role="row" tabindex="-1">
              <td role="gridcell" title="정선" aria-describedby="jsonmap_관리 기관구분">정선</td>
              <td align="right" role="gridcell" title="123.123" aria-describedby="jsonmap_발생X좌표">123.123</td>
              <td align="right" role="gridcell" title="456.45" aria-describedby="jsonmap_발생Y좌표">456.45</td>
              <td role="gridcell" title="강원도 양양군 양양읍 112" aria-describedby="jsonmap_발생지">강원도 양양군 양양읍 112</td>
              <td role="gridcell" title="감염목" aria-describedby="jsonmap_감염목구분">감염목</td>
              <td role="gridcell" title="김철수" aria-describedby="jsonmap_예찰자성명">김철수</td>
              <td role="gridcell" title="2014.07.22" aria-describedby="jsonmap_예찰일">2014.07.22</td>
            </tr>
            <tr role="row" tabindex="-1">
              <td role="gridcell" title="삼척" aria-describedby="jsonmap_관리 기관구분">삼척</td>
              <td align="right" role="gridcell" title="123.123" aria-describedby="jsonmap_발생X좌표">123.123</td>
              <td align="right" role="gridcell" title="456.45" aria-describedby="jsonmap_발생Y좌표">456.45</td>
              <td role="gridcell" title="강원도 평창군 평창읍 115" aria-describedby="jsonmap_발생지">강원도 평창군 평창읍 115</td>
              <td role="gridcell" title="고사목" aria-describedby="jsonmap_감염목구분">고사목</td>
              <td role="gridcell" title="김철수" aria-describedby="jsonmap_예찰자성명">김철수</td>
              <td role="gridcell" title="2014.07.23" aria-describedby="jsonmap_예찰일">2014.07.23</td>
            </tr>
            <tr role="row" tabindex="-1">
              <td role="gridcell" title="태백" aria-describedby="jsonmap_관리 기관구분">태백</td>
              <td align="right" role="gridcell" title="123.123" aria-describedby="jsonmap_발생X좌표">123.123</td>
              <td align="right" role="gridcell" title="456.45" aria-describedby="jsonmap_발생Y좌표">456.45</td>
              <td role="gridcell" title="강원도 강릉시 교2동 120" aria-describedby="jsonmap_발생지">강원도 강릉시 교2동 120</td>
              <td role="gridcell" title="감염목" aria-describedby="jsonmap_감염목구분">감염목</td>
              <td role="gridcell" title="김철수" aria-describedby="jsonmap_예찰자성명">김철수</td>
              <td role="gridcell" title="2014.07.24" aria-describedby="jsonmap_예찰일">2014.07.24</td>
            </tr>
            <tr role="row" tabindex="-1">
              <td role="gridcell" title="강릉" aria-describedby="jsonmap_관리 기관구분">강릉</td>
              <td align="right" role="gridcell" title="123.123" aria-describedby="jsonmap_발생X좌표">123.123</td>
              <td align="right" role="gridcell" title="456.45" aria-describedby="jsonmap_발생Y좌표">456.45</td>
              <td role="gridcell" title="강원도 양양군 양양읍 113" aria-describedby="jsonmap_발생지">강원도 양양군 양양읍 113</td>
              <td title="감염목" aria-describedby="jsonmap_감염목구분" role="gridcell">감염목</td>
              <td title="김철수" aria-describedby="jsonmap_예찰자성명" role="gridcell">김철수</td>
              <td title="2014.07.24" aria-describedby="jsonmap_예찰일" role="gridcell">2014.07.24</td>
            </tr>
            <tr role="row" tabindex="-1">
              <td role="gridcell" title="강릉" aria-describedby="jsonmap_관리 기관구분">강릉</td>
              <td align="right" role="gridcell" title="123.123" aria-describedby="jsonmap_발생X좌표">123.123</td>
              <td align="right" role="gridcell" title="456.45" aria-describedby="jsonmap_발생Y좌표">456.45</td>
              <td role="gridcell" title="강원도 양양군 양양읍 113" aria-describedby="jsonmap_발생지">강원도 양양군 양양읍 113</td>
              <td title="감염목" aria-describedby="jsonmap_감염목구분" role="gridcell">감염목</td>
              <td title="김철수" aria-describedby="jsonmap_예찰자성명" role="gridcell">김철수</td>
              <td title="2014.07.24" aria-describedby="jsonmap_예찰일" role="gridcell">2014.07.24</td>
            </tr>
            <tr role="row" tabindex="-1">
              <td role="gridcell" title="강릉" aria-describedby="jsonmap_관리 기관구분">강릉</td>
              <td align="right" role="gridcell" title="123.123" aria-describedby="jsonmap_발생X좌표">123.123</td>
              <td align="right" role="gridcell" title="456.45" aria-describedby="jsonmap_발생Y좌표">456.45</td>
              <td role="gridcell" title="강원도 양양군 양양읍 113" aria-describedby="jsonmap_발생지">강원도 양양군 양양읍 113</td>
              <td title="감염목" aria-describedby="jsonmap_감염목구분" role="gridcell">감염목</td>
              <td title="김철수" aria-describedby="jsonmap_예찰자성명" role="gridcell">김철수</td>
              <td title="2014.07.24" aria-describedby="jsonmap_예찰일" role="gridcell">2014.07.24</td>
            </tr>
            <tr role="row" tabindex="-1">
              <td role="gridcell" title="강릉" aria-describedby="jsonmap_관리 기관구분">강릉</td>
              <td align="right" role="gridcell" title="123.123" aria-describedby="jsonmap_발생X좌표">123.123</td>
              <td align="right" role="gridcell" title="456.45" aria-describedby="jsonmap_발생Y좌표">456.45</td>
              <td role="gridcell" title="강원도 양양군 양양읍 113" aria-describedby="jsonmap_발생지">강원도 양양군 양양읍 113</td>
              <td title="감염목" aria-describedby="jsonmap_감염목구분" role="gridcell">감염목</td>
              <td title="김철수" aria-describedby="jsonmap_예찰자성명" role="gridcell">김철수</td>
              <td title="2014.07.24" aria-describedby="jsonmap_예찰일" role="gridcell">2014.07.24</td>
            </tr>
            <tr role="row" tabindex="-1">
              <td role="gridcell" title="강릉" aria-describedby="jsonmap_관리 기관구분">강릉</td>
              <td align="right" role="gridcell" title="123.123" aria-describedby="jsonmap_발생X좌표">123.123</td>
              <td align="right" role="gridcell" title="456.45" aria-describedby="jsonmap_발생Y좌표">456.45</td>
              <td role="gridcell" title="강원도 양양군 양양읍 113" aria-describedby="jsonmap_발생지">강원도 양양군 양양읍 113</td>
              <td title="감염목" aria-describedby="jsonmap_감염목구분" role="gridcell">감염목</td>
              <td title="김철수" aria-describedby="jsonmap_예찰자성명" role="gridcell">김철수</td>
              <td title="2014.07.24" aria-describedby="jsonmap_예찰일" role="gridcell">2014.07.24</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="col-md-3 column">
      <div class="panel panel-primary portlet">
        <div class="panel-heading "> 병해충 <small>지도</small>
          <div class="pull-right">
            <button type="button" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-minus"></span> </button>
            <button type="button" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-fullscreen"></span> </button>
            <button type="button" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-remove"></span> </button>
          </div>
        </div>
        <table id="highchart_table1" class="table table-bordered table-striped">
          <thead>
            <tr>
              <th>&nbsp;</th>
              <th>2014년발생</th>
              <th>2014년실적</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th>계</th>
              <td align="right">167084</td>
              <td align="right">128961</td>
            </tr>
            <tr>
              <th>소나무재선충병</th>
              <td align="right">5123</td>
              <td align="right">27054</td>
            </tr>
            <tr>
              <th>솔잎혹파리</th>
              <td align="right">82125</td>
              <td align="right">16095</td>
            </tr>
            <tr>
              <th>솔껍질깍지벌레</th>
              <td align="right">12524</td>
              <td align="right">10341</td>
            </tr>
            <tr>
              <th>참나무시들음병</th>
              <td align="right">3307</td>
              <td align="right">4041</td>
            </tr>
            <tr>
              <th>솔나방</th>
              <td align="right">1461</td>
              <td align="right">2234</td>
            </tr>
            <tr>
              <th>흰불나방</th>
              <td align="right">13016</td>
              <td align="right">11659</td>
            </tr>
            <tr>
              <th>오리나무잎벌레</th>
              <td align="right">3375</td>
              <td align="right">3237</td>
            </tr>
            <tr>
              <th>잣나무넓적잎벌</th>
              <td align="right">3365</td>
              <td align="right">4002</td>
            </tr>
            <tr>
              <th>솔알락명나방</th>
              <td align="right">55</td>
              <td align="right">17</td>
            </tr>
            <tr>
              <th>밤나무해충</th>
              <td align="right">21207</td>
              <td align="right">26119</td>
            </tr>
            <tr>
              <th>기타병해충</th>
              <td align="right">20241</td>
              <td align="right">19300</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="panel panel-primary portlet">
        <div class="panel-heading ">발생현황 <small>차트</small>
          <div class="pull-right">
            <button type="button" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-minus"></span> </button>
            <button type="button" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-fullscreen"></span> </button>
            <button type="button" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-remove"></span> </button>
          </div>
        </div>
        <div id="highchart1"></div>
        <script type="text/javascript">
			$(function () {
				$('#highchart1').highcharts({
					data: {
						table: $("#highchart_table1").get(0)
					},
					chart: {
						type: 'column'
					},
					title: {
						text: ''
					},
					yAxis: {
						allowDecimals: false,
						title: {
							text: 'ha'
						}
					},
					xAxis : {
						labels : {
							rotation : 90
						}
					},
					tooltip: {
						formatter: function () {
							return '<b>' + this.series.name + '</b><br/>' +
								this.point.y + ' ' + this.point.name.toLowerCase();
						}
					}
				});
			});
		</script> 
      </div>
    </div>
  </div>
  <hr>
  <footer>
    <p>&copy; Company 2013</p>
  </footer>
</div>
<!--/.container--> 
<script type="text/javascript">

	var oSeoulCityPoint = new nhn.api.map.LatLng(35.4210198, 129.0843919);

	var defaultLevel = 8;
	var oMap = new nhn.api.map.Map(document.getElementById('map'), { 
									point : oSeoulCityPoint,
									zoom : defaultLevel,
									enableWheelZoom : true,
									enableDragPan : true,
									enableDblClickZoom : false,
									mapMode : 0,
									activateTrafficMap : false,
									activateBicycleMap : false,
									minMaxLevel : [ 1, 14 ],
									size : new nhn.api.map.Size("100%", 400)           });
	var oSlider = new nhn.api.map.ZoomControl();
	oMap.addControl(oSlider);
	oSlider.setPosition({
			top : 10,
			left : 10
	});
	
	var oMapTypeBtn = new nhn.api.map.MapTypeBtn();
	oMap.addControl(oMapTypeBtn);
	oMapTypeBtn.setPosition({
			bottom : 10,
			right : 80
	});
	
	var oThemeMapBtn = new nhn.api.map.ThemeMapBtn();
	oThemeMapBtn.setPosition({
			bottom : 10,
			right : 10
	});
	oMap.addControl(oThemeMapBtn);
	
	
	
	var oSize = new nhn.api.map.Size(7, 7);
	var oOffset = new nhn.api.map.Size(7, 7);
	var oIcon = new nhn.api.map.Icon('/images/dot.png', oSize, oOffset);
	var oCircle = new nhn.api.map.Circle();
	var oInfoWnd = new nhn.api.map.InfoWindow();
	oInfoWnd.setVisible(false);
	oMap.addOverlay(oInfoWnd);
	
	oInfoWnd.setPosition({
			top : 20,
			left :20
	});
	
	var oLabel = new nhn.api.map.MarkerLabel(); // - 마커 라벨 선언.
	oMap.addOverlay(oLabel); // - 마커 라벨 지도에 추가. 기본은 라벨이 보이지 않는 상태로 추가됨.
	
	oInfoWnd.attach('changeVisible', function(oCustomEvent) {
			if (oCustomEvent.visible) {
					oLabel.setVisible(false);
			}
	});
	
	var oPolyline = new nhn.api.map.Polyline([], {
			strokeColor : '#f00', // - 선의 색깔
			strokeWidth : 5, // - 선의 두께
			strokeOpacity : 0.5 // - 선의 투명도
	}); // - polyline 선언, 첫번째 인자는 선이 그려질 점의 위치. 현재는 없음.
	var oPolygon = new nhn.api.map.Polygon([], {
			strokeColor : '#f00', // - 선의 색깔
			strokeWidth : 5, // - 선의 두께
			strokeOpacity : 0.5 // - 선의 투명도
	});
	oMap.addOverlay(oPolygon);
	
	oMap.addOverlay(oPolyline); // - 지도에 선을 추가함.
	
	oMap.attach('mouseenter', function(oCustomEvent) {
	
			var oTarget = oCustomEvent.target;
			// 마커위에 마우스 올라간거면
			if (oTarget instanceof nhn.api.map.Marker) {
					var oMarker = oTarget;
					oLabel.setVisible(true, oMarker); // - 특정 마커를 지정하여 해당 마커의 title을 보여준다.
			}
	});
	
	oMap.attach('mouseleave', function(oCustomEvent) {
	
			var oTarget = oCustomEvent.target;
			// 마커위에서 마우스 나간거면
			if (oTarget instanceof nhn.api.map.Marker) {
					oLabel.setVisible(false);
			}
	});
	
	oMap.attach('click', function(oCustomEvent) {
			var oPoint = oCustomEvent.point;
			var oTarget = oCustomEvent.target;
			console.debug(oPoint.y + " , " + oPoint.x);
			oInfoWnd.setVisible(false);
			// 마커 클릭하면
			if (oTarget instanceof nhn.api.map.Marker) {
					// 겹침 마커 클릭한거면
					if (oCustomEvent.clickCoveredMarker) {
							return;
					}
					// - InfoWindow 에 들어갈 내용은 setContent 로 자유롭게 넣을 수 있습니다. 외부 css를 이용할 수 있으며, 
					// - 외부 css에 선언된 class를 이용하면 해당 class의 스타일을 바로 적용할 수 있습니다.
					// - 단, DIV 의 position style 은 absolute 가 되면 안되며, 
					// - absolute 의 경우 autoPosition 이 동작하지 않습니다. 
					oInfoWnd.setContent('<DIV style="border-top:1px solid; border-bottom:2px groove black; border-left:1px solid; border-right:2px groove black;margin-bottom:1px;color:black;background-color:white; width:auto; height:auto;">'+
							'<span style="color: #000000 !important;display: inline-block;font-size: 12px !important;font-weight: bold !important;letter-spacing: -1px !important;white-space: nowrap !important; padding: 2px 5px 2px 2px !important">' + 
							'발생일시 : 2014.07.18 <br />'
							+ '병해충명: 소나무 재선충<br/>' 
							+ '위치정보: ' + oTarget.getPoint()
							+'<span></div>');
					oInfoWnd.setPoint(oTarget.getPoint());
					oInfoWnd.setPosition({right : 0, top : 4});
					oInfoWnd.setVisible(true);
					oInfoWnd.autoPosition();
					return;
			}
			//var oMarker = new nhn.api.map.Marker(oIcon, { title : '마커 : ' + oPoint.toString() });
			//oMarker.setPoint(oPoint);
			//oMap.addOverlay(oMarker);

			/*var oCircle = new nhn.api.map.Circle();
			oCircle.setCenterPoint(oPoint);
			oCircle.setRadius(1);
			oMap.addOverlay(oCircle);*/
	
			//var aPoints = oPolyline.getPoints(); // - 현재 폴리라인을 이루는 점을 가져와서 배열에 저장.
			//aPoints.push(oPoint); // - 추가하고자 하는 점을 추가하여 배열로 저장함.
			//oPolyline.setPoints(aPoints); // - 해당 폴리라인에 배열에 저장된 점을 추가함
			//var aPoints = oPolygon.getPoints(); // - 현재 폴리라인을 이루는 점을 가져와서 배열에 저장.

			var aPoints = oPolygon.getPoints();
			aPoints.push(oPoint); // - 추가하고자 하는 점을 추가하여 배열로 저장함.
			oPolygon.setPoints(aPoints); // - 해당 폴리라인에 배열에 저장된 점을 추가함
			
	});
	oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4270212 , 129.0887391) , title : '마커 : 35.4270212 , 129.0887391'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4154808 , 129.0777635) , title : '마커 : 35.4154808 , 129.0777635'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4266818 , 129.07058)   , title : '마커 : 35.4266818 , 129.07058 '   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4378224 , 129.0568718) , title : '마커 : 35.4378224 , 129.0568718'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4264974 , 129.0513666) , title : '마커 : 35.4264974 , 129.0513666'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4098201 , 129.1023212) , title : '마커 : 35.4098201 , 129.1023212'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4067027 , 129.1089548) , title : '마커 : 35.4067027 , 129.1089548'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4194858 , 129.1130858) , title : '마커 : 35.4194858 , 129.1130858'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.41959 , 129.1160836) , title : '마커 :   35.41959 , 129.1160836 '   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.413649 , 129.1180795) , title : '마커 :  35.413649 , 129.1180795'   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4125024 , 129.1175279) , title : '마커 : 35.4125024 , 129.1175279'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4206136 , 129.1257963) , title : '마커 : 35.4206136 , 129.1257963'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4221714 , 129.1279423) , title : '마커 : 35.4221714 , 129.1279423'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.422734 , 129.129011) , title : '마커 :   35.422734 , 129.129011 '   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4196559 , 129.1432592) , title : '마커 : 35.4196559 , 129.1432592'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4180998 , 129.1303638) , title : '마커 : 35.4180998 , 129.1303638'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4180736 , 129.1323016) , title : '마커 : 35.4180736 , 129.1323016'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4161869 , 129.1331447) , title : '마커 : 35.4161869 , 129.1331447'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.414168 , 129.1331039) , title : '마커 :  35.414168 , 129.1331039'   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4082815 , 129.131047) , title : '마커 :  35.4082815 , 129.131047'   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4056929 , 129.1304662) , title : '마커 : 35.4056929 , 129.1304662'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4011162 , 129.1275552) , title : '마커 : 35.4011162 , 129.1275552'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4003007 , 129.123839) , title : '마커 :  35.4003007 , 129.123839'   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.3979436 , 129.1167448) , title : '마커 : 35.3979436 , 129.1167448'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.3923688 , 129.1129342) , title : '마커 : 35.3923688 , 129.1129342'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.3914234 , 129.1189047) , title : '마커 : 35.3914234 , 129.1189047'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.404444 , 129.1052463) , title : '마커 :  35.404444 , 129.1052463'   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4004972 , 129.098297) , title : '마커 :  35.4004972 , 129.098297'   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.3962057 , 129.0955698) , title : '마커 : 35.3962057 , 129.0955698'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.3915932 , 129.0953027) , title : '마커 : 35.3915932 , 129.0953027'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4138276 , 129.0938027) , title : '마커 : 35.4138276 , 129.0938027'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4268166 , 129.1150307) , title : '마커 : 35.4268166 , 129.1150307'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.427566 , 129.1236813 ) , title : '마커 : 35.427566 , 129.1236813 '  }));
	

  $(function() {
    $( ".column" ).sortable({
      connectWith: ".column",
      handle: ".panel-heading",
      cancel: ".portlet-toggle",
      placeholder: "portlet-placeholder ui-corner-all"
    });
 
 
    $( ".portlet-toggle" ).click(function() {
      var icon = $( this );
      icon.toggleClass( "ui-icon-minusthick ui-icon-plusthick" );
      icon.closest( ".portlet" ).find( ".portlet-content" ).toggle();
    });
  });
  </script>
</body>
</html>
